import {Link,useNavigate} from 'react-router-dom'
const Login = () => {
  const navigate = useNavigate()
  return (
    <div>
      我是登录页
      {/* searchParams传参 */}
      {/* 声明式导航加传参 */}
      <Link to='/article?id=100&name=jack'>跳转到文章页</Link>
      {/* 编程式导航加传擦 */}
      <button onClick={() => navigate('/article?id=100&name=jack')}>跳转到文章页</button>
      {/* 目标页面使用useSearchParams接受参数 */}
      
      {/* params传参需要在目标路由加上路由占位符 */}
      {/* 目标页面使用useParams接受参数 */}
      <button onClick={() => navigate('/article/100/jack')}>跳转到文章页prams</button>
    </div>
  )
}

export default Login